<template>
  <div>
    <!-- 添加子部门弹窗 -->
    <!-- 运营工单 -->
    <div>
    <el-dialog
      :title="title"
      :visible="OutsideDialogVisible"
      width="46%"
      @close="$emit('CloseDia', '1')">
      <slot name="Outside" />
            <!-- 底部按钮 -->
            <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '1')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '1')">确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog :title="title" :visible="WithinDialogVisible" width="45%" @close="$emit('CloseDia', '2')">
        <slot name="Within" />
         <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '2')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '2')">确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog :title="title" :visible="ConfigDialogVisible" width="45%" @close="$emit('CloseDia', '3')">
          <slot name="configuration" />
           <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '3')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '3')">确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog :title="title" :visible="MsgDialogVisible" width="45%" @close="$emit('CloseDia', '4')">
        <slot name="xq" />
        </el-dialog>
        <el-dialog :title="title" :visible="RepleniShment" width="45%" @close="$emit('CloseDia', '5')">
        <slot name="Replen" />
        </el-dialog>
    </div>
    <!-- 区域管理 -->
    <div>
        <el-dialog :title="title" :visible="AddAreadialog" width="45%" @close="$emit('CloseDia', '6')">
          <slot name="AddArea" />
          <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '6')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '6')">确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog :title="title" :visible="ModifyAreadialog" width="45%" @close="$emit('CloseDia', '7')">
          <slot name="ModifyArea" />
          <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '7')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '7')">确 定</el-button>
      </span>
        </el-dialog>
         <el-dialog :title="title" :visible="AreaMsgdialog" width="45%" @close="$emit('CloseDia', '8')">
          <slot name="AreaMsg" />
        </el-dialog>
    </div>
    <!-- 点位管理 -->
    <div>
      <el-dialog :title="title" :visible="nodeOneDialog" width="45%" @close="$emit('CloseDia', '9')" @open="$emit('OpenDiaFn')">
          <slot name="nodeNew" />
          <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '9')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '9')">确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog :title="title" :visible="nodeTwoDialog" width="45%" @close="$emit('CloseDia', '10')" >
          <slot name="nodeMsg" />
        </el-dialog>
    </div>
    <!-- 合作商管理 -->
    <div>
      <el-dialog :title="title" :visible="OnepartnerDialog" width="45%" @close="$emit('CloseDia', '1')" @open="$emit('OpenDiaFn')">
          <slot name="Onepartner" />
          <!-- 底部按钮 -->
         <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('CloseDia', '1')">取 消</el-button>
        <el-button type="primary" size="medium" class="qd" @click="$emit('OpenDia', '1')">确 定</el-button>
      </span>
        </el-dialog>
        <el-dialog :title="title" :visible="TwopartnerDialog" width="45%" @close="$emit('CloseDia', '2')" @open="$emit('OpenDiaFn')">
          <slot name="Twopartner" />
        </el-dialog>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    OutsideDialogVisible: {
      type: Boolean,
      default: false
    },
    WithinDialogVisible: {
      type: Boolean,
      default: false
    },
    ConfigDialogVisible: {
      type: Boolean,
      default: false
    },
    MsgDialogVisible: {
      type: Boolean,
      default: false
    },
    RepleniShment: {
      type: Boolean,
      default: false
    },
    AddAreadialog: {
      type: Boolean,
      default: false
    },
    ModifyAreadialog: {
      type: Boolean,
      default: false
    },
    AreaMsgdialog: {
      type: Boolean,
      default: false
    },
    nodeOneDialog: {
      type: Boolean,
      default: false
    },
    nodeTwoDialog: {
      type: Boolean,
      default: false
    },
    OnepartnerDialog: {
      type: Boolean,
      default: false
    },
    TwopartnerDialog: {
      type: Boolean,
      default: false
    },
    title: {
      type: String,
      default: ''
    }
  },
  data () {
    return {
      a: false
    }
  },
  created () {
    console.log(this.AddAreadialog)
  }
}
</script>

<style lang="less" scoped>
/deep/ .el-dialog__header{
  text-align: left;
  font-weight: 700;
}

/deep/ .el-dialog {
    min-height: 30%;
    // padding: 20px;
    // zoom:95%;
    border-radius: 10px;
  }
  /deep/ .el-dialog__body{
padding:30px;
// width: 85%;
  }
  .dialog-footer{
    display:flex;
   margin: -20px 30% 10px 30%;
  justify-content: space-evenly
  }
  .qd{
    border: #fff;
    background: linear-gradient(135deg,#ff9743,#ff5e20)!important;
  }
</style>
